<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // var fn1 = function () {
        //     console.log('我是fn1函数')
        // }
        // fn1()
        // var fn2 = () => {
        //     console.log('我是fn2函数')
        // }
        // fn2()
        // var fn1=()=>{
        //     console.log('我没有形参')
        // }
        // fn1()
        // var fn2=a=>{
        //     console.log('我是一个形参',a)
        // }
        // fn2(100)
        // var fn3=(a,b)=>{
        //     console.log('我是2个形参',a,b)
        // }
        // fn3(a,b)
        //   2
        //     var fn1=(a,b)=>  a+b

        //    console.log(fn1(10,20))

        // 3
        // var fn1 = () => {
        //     console.log(arguments)
        // }
        // fn1(100, 200, 300)

        // var fn2 = function () {
        //     console.log(arguments)
        // }
        // fn2(100, 200, 300)
        // 4
        var obj={
            fn:function(){
                console.log(this)
            },
            fn2:()=>{
                console.log(this)
            }
        }
        obj.fn() //this 因为fn函数被obj调用，所以this就是obj
        obj.fn2()  //因为箭头函数，内部没有this，就是外部的this
    </script>
</body>

</html>